

<!DOCTYPE html>
<html   xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    
    <title></title>
    <link rel="shortcut icon" th:href="@{/static/img/favicon.ico}">
     
    <div th:replace="common/common :: commonheader"></div>
    
    <!-- Core stylesheets -->
    <link rel="stylesheet" th:href="@{/static/css/pages/404.css}">
</head>

<body> 

<!--====================================================
                        PAGE CONTENT
======================================================--> 
    <section class="hero-area">
        <div class="overlay"></div>
        <div class="container">
          <div class="row">
            <div class="col-md-12 ">
                <div class="block text-center">
                    <h1 class="animated wow fadeInLeft" data-wow-delay="0.3s" data-wow-duration=".2s">404!</h1>
                    <p class="animated wow fadeInRight" data-wow-delay="0.5s" data-wow-duration=".5s">Oops! something wrong.</p>
                    <p class="animated wow fadeInRight" data-wow-delay="0.7s" data-wow-duration=".7s" th:text="${status}">Oops! something wrong.</p>
                    <p class="animated wow fadeInRight" data-wow-delay="0.3s" data-wow-duration=".3s" th:text="${message}">Oops! something wrong.</p>
                    <div class="animated wow fadeInUp text-center" data-wow-delay="0.7s" data-wow-duration=".7s">
                      <span>
                        <a class="btn btn-general btn-blue" th:href="@{/main.html}" role="button">Go to Home</a>
                      </span>
                    </div>
                </div>
            </div>
          </div>  
        </div>
      </section>
  <!--Global Javascript -->
  <script th:src="@{/js/jquery.min.js}"></script>
  <script th:src="@{/js/tether.min.js}"></script>
  <script th:src="@{/js/bootstrap.min.js}"></script>
</body>

</html>